<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        a:link{
            color: blue;
        }
        a:visited{
            color: #333333;
        }
        a:hover{
            color: blueviolet;

        }
        a:active{
            color: crimson;
        }
    </style>

</head>
<body>

    <div type = "disc">
        今日菜谱
        <ol>
            <li><a href="#food">主食</a></li>
            <li><a href="#vvv">蔬菜</a></li>
            <li><a href="#meat">肉类</a></li>
        </ol>
        <ul>
            <li id="food">
                <a href="#meat">主食</a>                
                <ul>
                    <li>米饭</li>
                    <li>花卷</li>
                </ul>    
            </li>
            <li id="vvv">
                <a>蔬菜</a>                
                <ul>
                    <li>黄瓜</li>
                    <li>茄子</li>
                </ul>
            </li>
            <li id="meat">
                <a href="">肉类</a>                
                <ul>
                    <li>排骨</li>
                    <li>牛排</li>
                </ul>
            </li>         
        </ul>
        <a href="#">回到顶部</a>
    </div>
<div>
        <table border="1">
            <caption>工资表</caption>
            <thead>
                
                <tr>
                    <th>name</th>
                    <th>salary</th>
                </tr>
            </thead>
            <tfoot>

                <td></td>
                <td></td>
            </tfoot>
            <tbody>

                <tr>
                    <td>jack</td>
                    <td>100</td>
                </tr>
                <tr>
                    <td>tom</td>
                    <td>200</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div>
        <form action="" method="GET" name="">
            name:<input type="text" name="" autofocus placeholder="请输入名字"><br>
            password;<input type="password"name="" placeholder="请输入密码"><br>
            gender:<input type="radio" name="gender" id="" checked="checked">u
            <input type="radio" name="gender" id="">n <br>
            hobby:
            <input type="checkbox" name="" id="" checked = "checked">game
            <input type="checkbox" name="" id="">swim
            <input type="checkbox" name="" id="">sleep <br>
            <input type="reset" value="重置"> 
            <input type="submit" value="登录">
            <!-- submit 具有提交功能 -->
            <!-- <input type="image" src="" alt=""> -->
            <input type="button" value="登陆">
            <!-- 这个按钮没有提交信息功能 只有submit 可以-->
            <select name="adress" id="">
                <option value="henan">河南</option>
                <option value="hebei">河北</option>
                <option value="hunan">湖南</option>
                <option value="hubei" selected = "selected">湖北</option>
            </select><br>
            <textarea name="self" id="" cols="30" rows="4"></textarea>
        </form>
        <form action="">
            <button>
                <img src="" alt="">
                <!-- button 标签没有提交功能 -->
            </button>
        </form>
    </div>
</body>
</html>